<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	template="/WEB-INF/templates/layout.xhtml">


	<ui:define name="content">
		<h:panelGrid>

			<h:form>



				<h:panelGroup>
					<h:outputLabel value="Descrição" for="descricao" />
					<h:inputText value="#{mbProduto.produto.descricao}"   id="descricao" />
				</h:panelGroup>

				<h:panelGroup>
					<h:outputLabel value="Preço" for="preco"  />
					<h:inputText value="#{mbProduto.produto.preco}"	 id="preco" />
				</h:panelGroup>

				<h:panelGroup>
					<h:outputLabel value="Código do Produto" for="codProduto"  />
					<h:inputText value="#{mbProduto.produto.codigoProduto}"	 id="codProduto" />
				</h:panelGroup>
					
				<h:outputLabel value="Categoria" for="categoria"  />
				
				<h:selectOneMenu value="#{mbProduto.idCategoria}"  id="categoria">
					<f:selectItems value="#{mbProduto.listCategoria}" />
				</h:selectOneMenu>


				<h:commandLink value="Gravar" action="#{mbProduto.inserirProduto()}" />
				
			</h:form>
			
			<h:form>
				<h:dataTable value="#{mbProduto.listProduto}" var="p">
					<f:facet name="header">Lista de Produtos</f:facet>
					<h:column>
						<f:facet name="header">Código do Produto</f:facet>
						<h:outputText value="#{p.codigoProduto}" />
					</h:column>
					
					<h:column>
						<f:facet name="header">Descrição</f:facet>
						<h:outputText value="#{p.descricao}" />
					</h:column>
					
					<h:column>
						<f:facet name="header">Preço</f:facet>
						<h:outputText value="#{p.preco}" />
					</h:column>
					
					<h:column>
						<f:facet name="header">Categoria</f:facet>
						<h:outputText value="#{p.categoria.descricao}" />
					</h:column>
					
				</h:dataTable>
				
			</h:form>
			<h:form>
				<h:commandLink value="Limpar Produto" action="#{mbProduto.clear()}" />
			</h:form>
		</h:panelGrid>

	</ui:define>
</ui:composition>